@import '../../utils/common.scss';
.videoContainer {
  color: #666666;
  margin-top: .533333rem;
  margin-left: .4rem;
  .videoTitle {
    @include font-dpr ($primary-size-xs);
    @include lineHeight ($primary-size-xs)
  }
  .videoSize {
    width: 9.2rem;
    height: 3.466667rem;
    border-radius: .106667rem;
    margin-top: .533333rem
  }
  .videoSelf {
    background: #F0614F;
  }
  .videoArtificial {
    background: #3987DB;
  }
  .videoContent {
    display: flex;
    align-items: center;
    color: #ffffff;
    height: 100%;
    .bigTitle {
      @include font-dpr (28Px);
      margin-bottom: .426667rem;
    }
    .smallTip {
      @include font-dpr ($primary-size-xs);
      margin-bottom: .266667rem
    }
    .videoContentLeft {
      margin-left: .453333rem;
      flex: 1;
    }
    .videoContentRight {
      text-align: right;
      margin-right: .8rem;
    }
    .svgSize {
      width: 1.466667rem;
      height: 1.786667rem;
    }
    .svgGrey {
      g {
        fill:#999999;
      }
    }
    .greyTip {
      margin-top: .32rem;
      margin-bottom: 0px
    }
    .triangle {
      width: 0px;
      height: 0px;
      border-color: transparent #cccccc;
      border-width: 0px 70px 70px 00px;
      border-style: solid;
      position: absolute;
      right:0px;
      top:0px;
    }
    .freeWork {
      position: absolute;
      top: .426667rem;
      right: -0.133333rem;
      transform: rotate(45deg);
      @include font-dpr(12Px)
    }
    .people {
      color: orange;
      @include font-dpr($primary-size-md)
    }
  }
}